<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>患教实施</title>
    <style>
        .hjss-content-item {
            display: none;
        }

        /* 月度患教↓ */

        span.hjss-ydhjhz-checkbox-w {
            width: 7%;
        }

        span.hjss-ydhjhz-xh {
            width: 8%;
        }

        span.hjss-ydhjhz-txhm {
            width: 15%;
        }

        span.hjss-ydhjhz-hzxm {
            width: 10%;
        }

        span.hjss-ydhjhz-txcs {
            width: 10%;
        }

        span.hjss-ydhjhz-jrpb {
            width: 10%;
        }

        span.hjss-ydhjhz-txjh {
            width: 15%;
        }

        span.hjss-ydhjhz-jyff {
            width: 10%;
        }

        span.hjss-ydhjhz-zhrq {
            width: 15%;
        }

        /* 月度患教↑ */

        /* 一对一重点↓ */

        span.hjss-ydyzd-fxk {
            width: 7%;
        }

        span.hjss-ydyzd-xh {
            width: 8%;
        }

        span.hjss-ydyzd-txhm {
            width: 15%;
        }

        span.hjss-ydyzd-hzxm {
            width: 10%;
        }

        span.hjss-ydyzd-txcs {
            width: 10%;
        }

        span.hjss-ydyzd-txjl {
            width: 10%;
        }

        span.hjss-ydyzd-jrpb {
            width: 10%;
        }

        span.hjss-ydyzd-txjh {
            width: 10%;
        }

        span.hjss-ydyzd-jyff {
            width: 10%;
        }

        span.hjss-ydyzd-zhrq {
            width: 10%;
        }

        /* 一对一重点↑ */

        /* 新入患者教育↓ */

        span.hjss-xhzjy-fxk {
            width: 7%;
        }

        span.hjss-xhzjy-xh {
            width: 8%;
        }

        span.hjss-xhzjy-txhm {
            width: 15%;
        }

        span.hjss-xhzjy-hzxm {
            width: 10%;
        }

        span.hjss-xhzjy-txcs {
            width: 10%;
        }

        span.hjss-xhzjy-jycs {
            width: 10%;
        }

        span.hjss-xhzjy-txjl {
            width: 10%;
        }

        span.hjss-xhzjy-jrpb {
            width: 10%;
        }

        span.hjss-xhzjy-txjh {
            width: 10%;
        }

        span.hjss-xhzjy-zhrq {
            width: 10%;
        }

        /* 新入患者教育↑ */

        /* 集体教育↓ */

        span.hjss-jtjy-fxk {
            width: 10%;
        }

        span.hjss-jtjy-xh {
            width: 10%;
        }

        span.hjss-jtjy-txhm {
            width: 20%;
        }

        span.hjss-jtjy-hzxm {
            width: 15%;
        }

        span.hjss-jtjy-txcs {
            width: 15%;
        }

        span.hjss-jtjy-jyxs {
            width: 15%;
        }

        span.hjss-jtjy-zhrq {
            width: 15%;
        }

        /* 集体教育↑ */
    </style>
</head>

<body>

    <div class="hjss-nav-wrap jkjy-top-nav-wrap">
        <div class="module-item active" data-m="1">月度患教</div>
        <div class="module-item module-item-line" data-m="2">一对一重点教育</div>
        <div class="module-item module-item-line" data-m="3">新入透析患者教育</div>
        <div class="module-item module-item-line" data-m="4">集体教育</div>
    </div>
    <div class="hjss-content-item hjss-content-item1" style="display: block;">
        <div class="top_title_warpper" style="display: flex;align-items: center;font-size: 15px;">
            <span style="position: relative;top: -2px;">
                <span style="line-height: 34px;">透析时间：</span>
                <input type="text" style="width:150px;position:relative;" readonly="" class="form_datetime nobg datetime_now">
                <img src="image/ruku/time.png" alt="" style="position:absolute;right:9px;top:11px;" class="form_datetime_">
            </span>
            <select name="" id="" style="margin: 0 12px;">
                <option value="">全部</option>
                <option value="0">上午</option>
                <option value="1">下午</option>
                <option value="2">晚上</option>
            </select>
            <span class="btn btn-default">不限时间</span>
            <span style="margin-left:40px;">患者查询：</span>
            <select name="" id="">
                <option value="">全部</option>
                <option value="0">已教育</option>
                <option value="1">未教育</option>
            </select>
            <span class="" style="position:relative;margin-left:60px;height: 34px;">
                <img src="image/search.png" alt="" style="position:absolute;top:8px;left:14px;z-index: 2;">
                <input type="text" class="search_input hjsshz-search-ipt" style="position:absolute;top:0;" placeholder="请输入患者姓名/首拼">
            </span>
            <span style="flex:1;"></span>
            <span class="yj-btn-1" style="background: #1EADF3;">
                <img src="image/hjss/Oral_education.png" alt="">&nbsp;口头教育</span>
            <span class="yj-btn-1" style="background: #02C3CE;">
                <img src="image/jycp/wechat.png" alt="">&nbsp;微信推送</span>
        </div>
        <p class="title_info_sa">
            <span class="title-icon-w">
                <img src="image/jyjh/dialysis.png" alt="">
            </span>
            <span>透析名单</span>
        </p>

        <div class="hjss-ydhjhz_container">
            <ul id="hjss-ydhjhz_container-w">
                <li class="list-item-view list-item-title">
                    <span class="hjss-ydhjhz-checkbox-w checkbox-wrap">
                        <input type="checkbox" class="selectAllIpt" name="" id="" style="visibility:hidden;">
                    </span>
                    <span class="hjss-ydhjhz-xh">序号</span>
                    <span class="hjss-ydhjhz-txhm">透析号</span>
                    <span class="hjss-ydhjhz-hzxm">姓名</span>
                    <span class="hjss-ydhjhz-txcs">透析次数</span>
                    <span class="hjss-ydhjhz-jrpb">今日排班</span>
                    <span class="hjss-ydhjhz-txjh">今天透析机号</span>
                    <span class="hjss-ydhjhz-jyff">教育方法</span>
                    <span class="hjss-ydhjhz-zhrq">最后一次教育日期</span>
                </li>
                <li>
                    <ul id="hjss-ydhjhz_container-sub">
                        <li class="list-item-view">
                            <span class="hjss-ydhjhz-checkbox-w checkbox-wrap">
                                <input type="checkbox" name="" id="" style="visibility:hidden;">
                            </span>
                            <span class="hjss-ydhjhz-xh">序号</span>
                            <span class="hjss-ydhjhz-txhm">透析号</span>
                            <span class="hjss-ydhjhz-hzxm">姓名</span>
                            <span class="hjss-ydhjhz-txcs">透析次数</span>
                            <span class="hjss-ydhjhz-jrpb">今日排班</span>
                            <span class="hjss-ydhjhz-txjh">今天透析机号</span>
                            <span class="hjss-ydhjhz-jyff">教育方法</span>
                            <span class="hjss-ydhjhz-zhrq">最后一次教育日期</span>
                        </li>
                    </ul>
                </li>
            </ul>
        </div>
    </div>
    <div class="hjss-content-item hjss-content-item2">
        <div class="top_title_warpper" style="display: flex;align-items: center;font-size: 15px;">
            <span style="position: relative;top: -2px;">
                <span style="line-height: 34px;">透析时间：</span>
                <input type="text" style="width:150px;position:relative;" readonly="" class="form_datetime nobg datetime_now">
                <img src="image/ruku/time.png" alt="" style="position:absolute;right:9px;top:11px;" class="form_datetime_">
            </span>
            <select name="" id="" style="margin: 0 12px;">
                <option value="">全部</option>
                <option value="0">上午</option>
                <option value="1">下午</option>
                <option value="2">晚上</option>
            </select>
            <span class="btn btn-default">不限时间</span>
            <span style="margin-left:40px;">患者查询：</span>
            <select name="" id="">
                <option value="">全部</option>
                <option value="0">已教育</option>
                <option value="1">未教育</option>
            </select>
            <span class="" style="position:relative;margin-left:60px;height: 34px;">
                <img src="image/search.png" alt="" style="position:absolute;top:8px;left:14px;z-index: 2;">
                <input type="text" class="search_input hjsshz-search-ipt" style="position:absolute;top:0;" placeholder="请输入患者姓名/首拼">
            </span>
            <span style="flex:1;"></span>
            <span class="yj-btn-1" style="background: #1EADF3;">
                <img src="image/hjss/Oral_education.png" alt="">&nbsp;口头教育</span>
            <span class="yj-btn-1" style="background: #02C3CE;">
                <img src="image/jycp/wechat.png" alt="">&nbsp;微信推送</span>
        </div>
        <p class="title_info_sa">
            <span class="title-icon-w">
                <img src="image/jyjh/dialysis.png" alt="">
            </span>
            <span>透析名单</span>
        </p>

        <div class="hjss-ydhjhz_container">
            <ul class="hjss-ydhjhz_container-w">
                <li class="list-item-view list-item-title">
                    <span class="hjss-ydyzd-fxk checkbox-wrap">
                        <input type="checkbox" class="selectAllIpt" name="" id="" style="visibility:hidden;">
                    </span>
                    <span class="hjss-ydyzd-xh">序号</span>
                    <span class="hjss-ydyzd-txhm">透析号</span>
                    <span class="hjss-ydyzd-hzxm">姓名</span>
                    <span class="hjss-ydyzd-txcs">透析次数</span>
                    <span class="hjss-ydyzd-txjl">近12条透析记录</span>
                    <span class="hjss-ydyzd-jrpb">今日排班</span>
                    <span class="hjss-ydyzd-txjh">今天透析机号</span>
                    <span class="hjss-ydyzd-jyff">教育方法</span>
                    <span class="hjss-ydyzd-zhrq">最后一次教育日期</span>
                </li>
                <li>
                    <ul class="hjss-ydhjhz_container-sub">
                        <li class="list-item-view">
                            <span class="hjss-ydyzd-fxk checkbox-wrap">
                                <input type="checkbox" name="" id="" style="visibility:hidden;">
                            </span>
                            <span class="hjss-ydyzd-xh">1</span>
                            <span class="hjss-ydyzd-txhm">2000214</span>
                            <span class="hjss-ydyzd-hzxm">姓名</span>
                            <span class="hjss-ydyzd-txcs">透析次数</span>
                            <span class="hjss-ydyzd-txjl">近12条透析记录</span>
                            <span class="hjss-ydyzd-jrpb">今日排班</span>
                            <span class="hjss-ydyzd-txjh">今天透析机号</span>
                            <span class="hjss-ydyzd-jyff">教育方法</span>
                            <span class="hjss-ydyzd-zhrq">2008-10-12</span>
                        </li>
                    </ul>
                </li>
            </ul>
        </div>
    </div>

    <!-- 新入透析患者教育↓ -->
    <div class="hjss-content-item hjss-content-item3">
        <div class="top_title_warpper" style="display: flex;align-items: center;font-size: 15px;">
            <span style="position: relative;top: -2px;">
                <span style="line-height: 34px;">透析时间：</span>
                <input type="text" style="width:150px;position:relative;" readonly="" class="form_datetime nobg datetime_now">
                <img src="image/ruku/time.png" alt="" style="position:absolute;right:9px;top:11px;" class="form_datetime_">
            </span>
            <select name="" id="" style="margin: 0 12px;">
                <option value="">全部</option>
                <option value="0">上午</option>
                <option value="1">下午</option>
                <option value="2">晚上</option>
            </select>
            <span class="btn btn-default">不限时间</span>
            <span style="margin-left:40px;">患者查询：</span>
            <select name="" id="">
                <option value="">全部</option>
                <option value="0">已教育</option>
                <option value="1">未教育</option>
            </select>
            <span class="" style="position:relative;margin-left:60px;height: 34px;">
                <img src="image/search.png" alt="" style="position:absolute;top:8px;left:14px;z-index: 2;">
                <input type="text" class="search_input hjsshz-search-ipt" style="position:absolute;top:0;" placeholder="请输入患者姓名/首拼">
            </span>
            <span style="flex:1;"></span>
            <span class="yj-btn-1" style="background: #1EADF3;">
                <img src="image/hjss/Oral_education.png" alt="">&nbsp;教育</span>
        </div>
        <p class="title_info_sa">
            <span class="title-icon-w">
                <img src="image/jyjh/dialysis.png" alt="">
            </span>
            <span>透析名单</span>
        </p>

        <div class="hjss-ydhjhz_container">
            <ul class="hjss-ydhjhz_container-w">
                <li class="list-item-view list-item-title">
                    <span class="hjss-xhzjy-fxk checkbox-wrap">
                        <input type="checkbox" class="selectAllIpt" name="" id="" style="visibility:hidden;">
                    </span>
                    <span class="hjss-xhzjy-xh">序号</span>
                    <span class="hjss-xhzjy-txhm">透析号</span>
                    <span class="hjss-xhzjy-hzxm">姓名</span>
                    <span class="hjss-xhzjy-txcs">透析次数</span>
                    <span class="hjss-xhzjy-jycs">教育次数</span>
                    <span class="hjss-xhzjy-txjl">近12条透析记录</span>
                    <span class="hjss-xhzjy-jrpb">今日排班</span>
                    <span class="hjss-xhzjy-txjh">今天透析机号</span>
                    <span class="hjss-xhzjy-zhrq">最后一次教育日期</span>
                </li>
                <li>
                    <ul class="hjss-ydhjhz_container-sub">
                        <li class="list-item-view">
                            <span class="hjss-xhzjy-fxk checkbox-wrap">
                                <input type="checkbox" name="" id="" style="visibility:hidden;">
                            </span>
                            <span class="hjss-xhzjy-xh">1</span>
                            <span class="hjss-xhzjy-txhm">2000214</span>
                            <span class="hjss-xhzjy-hzxm">姓名</span>
                            <span class="hjss-xhzjy-txcs">13</span>
                            <span class="hjss-xhzjy-jycs">10</span>
                            <span class="hjss-xhzjy-txjl">近12条透析记录</span>
                            <span class="hjss-xhzjy-jrpb">今日排班</span>
                            <span class="hjss-xhzjy-txjh">今天透析机号</span>
                            <span class="hjss-xhzjy-zhrq">2008-10-12</span>
                        </li>
                    </ul>
                </li>
            </ul>
        </div>
    </div>

    <!-- 集体教育↓ -->
    <div class="hjss-content-item hjss-content-item4">
        <div class="top_title_warpper" style="display: flex;align-items: center;font-size: 15px;">
            <span class="" style="position:relative;margin-left:0px;height: 34px;">
                <img src="image/search.png" alt="" style="position:absolute;top:8px;left:14px;z-index: 2;">
                <input type="text" class="search_input hjsshz-search-ipt" style="position:absolute;top:0;" placeholder="请输入患者姓名/首拼">
            </span>
            <span style="flex:1;"></span>
            <span class="yj-btn-1" style="background: #1EADF3;">
                <img src="image/hjss/Oral_education.png" alt="">&nbsp;教育</span>
        </div>
        <p class="title_info_sa">
            <span class="title-icon-w">
                <img src="image/jyjh/dialysis.png" alt="">
            </span>
            <span>透析名单</span>
        </p>

        <div class="hjss-ydhjhz_container">
            <ul class="hjss-ydhjhz_container-w">
                <li class="list-item-view list-item-title">
                    <span class="hjss-jtjy-fxk checkbox-wrap">
                        <input type="checkbox" class="selectAllIpt" name="" id="" style="visibility:hidden;">
                    </span>
                    <span class="hjss-jtjy-xh">序号</span>
                    <span class="hjss-jtjy-txhm">透析号</span>
                    <span class="hjss-jtjy-hzxm">姓名</span>
                    <span class="hjss-jtjy-txcs">透析次数</span>
                    <span class="hjss-jtjy-jyxs">教育形式</span>
                    <span class="hjss-jtjy-zhrq">最后一次教育日期</span>
                </li>
                <li>
                    <ul class="hjss-ydhjhz_container-sub">
                        <li class="list-item-view">
                            <span class="hjss-jtjy-fxk checkbox-wrap">
                                <input type="checkbox" name="" id="" style="visibility:hidden;">
                            </span>
                            <span class="hjss-jtjy-xh">序号</span>
                            <span class="hjss-jtjy-txhm">透析号</span>
                            <span class="hjss-jtjy-hzxm">姓名</span>
                            <span class="hjss-jtjy-txcs">透析次数</span>
                            <span class="hjss-jtjy-jyxs">教育形式</span>
                            <span class="hjss-jtjy-zhrq">最后一次教育日期</span>
                        </li>
                    </ul>
                </li>
            </ul>
        </div>
    </div>
    <script>
        $(".hjss-nav-wrap .module-item").on("click", function () {
            $(this).addClass("active").siblings().removeClass("active");
            var m = $(this).data("m");
            $(".hjss-content-item").css("display", "none");
            $(".hjss-content-item" + m).css("display", "block");
        })
        init_datetimepicker_ymd();
    </script>
</body>

</html>